﻿<UserControl
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:c="clr-namespace:HomeUX.Controls;assembly=HomeUX.ClientLibrary"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" x:Class="HomeUX.MusicClientLibrary.MusicSearchScreen"
    Width="800" Height="530" IsTabStop="False" mc:Ignorable="d" IsEnabled="False">
	<UserControl.Resources>
		<Style x:Key="CommonButtonStyle" TargetType="c:TouchButton">
			<Setter Property="HorizontalAlignment" Value="Left" />
			<Setter Property="VerticalAlignment" Value="Top" />
			<Setter Property="HorizontalContentAlignment" Value="Left" />
			<Setter Property="TextStyle">
				<Setter.Value>
					<Style TargetType="TextBlock">
						<Setter Property="TextAlignment" Value="Left" />
						<Setter Property="TextWrapping" Value="Wrap" />
						<Setter Property="LineHeight" Value="15" />
						<Setter Property="LineStackingStrategy" Value="BlockLineHeight" />
					</Style>
				</Setter.Value>
			</Setter>
		</Style>
		<Style x:Key="ArtistButtonStyle" TargetType="c:TouchButton" BasedOn="{StaticResource CommonButtonStyle}">
			<Setter Property="Width" Value="145" />
		</Style>
		<Style x:Key="AlbumButtonStyle" TargetType="c:TouchButton" BasedOn="{StaticResource CommonButtonStyle}">
			<Setter Property="Width" Value="217" />
		</Style>
		<Style x:Key="TrackButtonStyle" TargetType="c:TouchButton" BasedOn="{StaticResource CommonButtonStyle}">
			<Setter Property="Width" Value="250" />
		</Style>
		<Style x:Key="SeeAllButtonStyle" TargetType="c:TouchButton">
			<Setter Property="Width" Value="70" />
			<Setter Property="HorizontalAlignment" Value="Center" />
			<Setter Property="VerticalAlignment" Value="Center" />
			<Setter Property="TextStyle">
				<Setter.Value>
					<Style TargetType="TextBlock">
						<Setter Property="TextAlignment" Value="Center" />
						<Setter Property="TextWrapping" Value="Wrap" />
						<Setter Property="LineHeight" Value="15" />
						<Setter Property="LineStackingStrategy" Value="BlockLineHeight" />
					</Style>
				</Setter.Value>
			</Setter>
		</Style>
	</UserControl.Resources>
    <Grid x:Name="LayoutRoot" Background="{StaticResource DefaultBackgroundBrush}">
		<TextBlock x:Name="HeaderTextBlock" Text="{}Search - {0}" HorizontalAlignment="Left" VerticalAlignment="Top" FontSize="18" Margin="10,10,0,0" />
		<c:TouchTextBox x:Name="SearchTextBox" Label="Search for artists, albums, or tracks:" Height="50" Margin="14,40,0,0" VerticalAlignment="Top" TabIndex="0"
		    TextChanged="SearchTextBox_TextChanged" HorizontalAlignment="Left" Width="353" />
		<c:TouchButton x:Name="StartOverButton" Text="Start Over" Margin="376,40,374,0" VerticalAlignment="Top" d:LayoutOverrides="Height" Click="StartOverButton_Click" />
		<TextBlock x:Name="NotFoundTextBlock" Text="(Not Found)" Visibility="Collapsed" HorizontalAlignment="Left" VerticalAlignment="Top" FontSize="13" Margin="13,98,0,0" />
        <TextBlock x:Name="FoundArtistsLabel" Text="Found Artists" Foreground="#A0A0A0" FontWeight="Bold" HorizontalAlignment="Left" VerticalAlignment="Top" FontSize="13" Margin="13,98,0,0" />
        <StackPanel HorizontalAlignment="Left" Margin="13,118,0,0" VerticalAlignment="Top" Orientation="Horizontal">
			<c:TouchButton x:Name="ArtistButton1" Text="John Denver and the Foo Bars" Style="{StaticResource ArtistButtonStyle}" Click="ArtistButton_Click" />
			<c:TouchButton x:Name="ArtistButton2" Text="John Denver and the Foo Bars" Style="{StaticResource ArtistButtonStyle}" Click="ArtistButton_Click" />
			<c:TouchButton x:Name="ArtistButton3" Text="John Denver and the Foo Bars" Style="{StaticResource ArtistButtonStyle}" Click="ArtistButton_Click" />
			<c:TouchButton x:Name="SeeAllArtistsButton" Text="See All 12 Artists" Style="{StaticResource SeeAllButtonStyle}" IsLit="True" Click="SeeAllArtistsButton_Click" />
		</StackPanel>
		<TextBlock x:Name="FoundAlbumsLabel" Text="Found Albums" Foreground="#A0A0A0" FontWeight="Bold" HorizontalAlignment="Left" VerticalAlignment="Top" FontSize="13" Margin="13,182,0,0" />
		<StackPanel HorizontalAlignment="Left" Margin="13,201,0,0" VerticalAlignment="Top" Orientation="Horizontal">
			<c:TouchButton x:Name="AlbumButton1" Text="The Album Title Goes Here - John Denver and the Foo Bars" Style="{StaticResource AlbumButtonStyle}" Click="AlbumButton_Click" />
			<c:TouchButton x:Name="AlbumButton2" Text="The Album Title Goes Here - John Denver and the Foo Bars" Style="{StaticResource AlbumButtonStyle}" Click="AlbumButton_Click" />
			<c:TouchButton x:Name="SeeAllAlbumsButton" Text="See All 123 Albums" Style="{StaticResource SeeAllButtonStyle}" IsLit="True" Click="SeeAllAlbumsButton_Click"  />
		</StackPanel>
		<TextBlock x:Name="FoundTracksLabel" Text="Found Tracks" Foreground="#A0A0A0" FontWeight="Bold" HorizontalAlignment="Left" VerticalAlignment="Top" FontSize="13" Margin="536,32,0,0" />
		<StackPanel HorizontalAlignment="Left" Margin="536,51,0,0" VerticalAlignment="Top" Orientation="Vertical" d:LayoutOverrides="VerticalAlignment">
			<c:TouchButton x:Name="TrackButton1" Text="The track title goes here - The Album Title Goes Here - John Denver and the Foo Bars" Style="{StaticResource TrackButtonStyle}" Click="TrackButton_Click" />
			<c:TouchButton x:Name="TrackButton2" Text="The track title goes here - The Album Title Goes Here - John Denver and the Foo Bars" Style="{StaticResource TrackButtonStyle}" Click="TrackButton_Click" />
			<c:TouchButton x:Name="TrackButton3" Text="The track title goes here - The Album Title Goes Here - John Denver and the Foo Bars" Style="{StaticResource TrackButtonStyle}" Click="TrackButton_Click" />
			<c:TouchButton x:Name="SeeAllTracksButton" Text="See All 123 Tracks" Style="{StaticResource SeeAllButtonStyle}" IsLit="True" HorizontalAlignment="Stretch" Width="Auto" Click="SeeAllTracksButton_Click"  />
		</StackPanel>
		<c:TouchKeyboard x:Name="Keyboard" TabScope="LayoutRoot" Margin="0,0,0,10" VerticalAlignment="Bottom" HorizontalAlignment="Center"/>
    </Grid>
</UserControl>
